<template>
    <view class="min-h-screen bg-[#F3F5F9]">
        <up-navbar title="分销中心" :safeAreaInsetTop="true" bgColor="#fff" :placeholder="true">
			<template #left>
				<view class="flex px-[24rpx] py-[16rpx] border-[1rpx] border-slate-200 rounded-[38rpx]">
					<up-icon name="arrow-left" size="19" @click="goback" color="#000"></up-icon>
					<up-line direction="column" :hairline="false" length="16" margin="0 8px"></up-line>
					<up-icon name="home" size="20" @click="gohome" color="#000"></up-icon>
				</view>
			</template>
		</up-navbar>
        <view class="mx-[30rpx] my-[24rpx] bg-[#fff] rounded-[8rpx] px-[24rpx]">
            <view v-for="(item,index) in 7" :key="index">
                <view class="flex justify-between items-center py-[24rpx]">
                    <view>
                        <view class="text-[28rpx] text-[#1b2128] font-normal mb-[16rpx]">下单返利</view>
                        <view class="text-[24rpx] text-[#999] font-normal">2024-10-18 23:59:59</view>
                    </view>
                    <view class="flex items-center">
                        <view class="text-[24rpx] text-[#999] font-normal">返利金额</view>
                        <view class="text-[24rpx] text-[#669FF6] font-normal">+1500.00</view>
                    </view>
                </view>
                <up-line></up-line>
            </view>
        </view>
    </view>
</template>

<script setup>
function goback() {
    uni.navigateBack()
}
function gohome() {
    uni.switchTab({
        url: '/pages/index/index'
    })
}
</script>

<style lang="scss" scoped>

</style>